<div class="layui-card-header SearchTable">
    测试代码：<span id="detail_name_str" class="color_green">按钮色</span>
</div>
<div class="layui-card-body">

    <button class="layui-btn  layui-btn-sm layui-btn-warm" lay-event="DoSearch">layui-btn-warm</button>
    <button class="layui-btn  layui-btn-sm btn-add" lay-event="DoSearch">btn-add</button>
    <button class="layui-btn  layui-btn-sm btn-edit" lay-event="DoSearch">btn-edit</button>
    <button class="layui-btn  layui-btn-sm btn-del" lay-event="DoSearch">btn-del</button>
    <button class="layui-btn  layui-btn-sm btn-del-more" lay-event="DoSearch">btn-del-more</button>
    <button class="layui-btn  layui-btn-sm btn-transfer" lay-event="DoSearch">btn-transfer</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-nav" lay-event="DoSearch">btn-nav</button>
    <button class="layui-btn  layui-btn-sm btn-green" lay-event="DoSearch">btn-green</button>
    <button class="layui-btn  layui-btn-sm btn-yellow" lay-event="DoSearch">btn-yellow</button>
    <button class="layui-btn  layui-btn-sm btn-blue" lay-event="DoSearch">btn-blue</button>
    <button class="layui-btn  layui-btn-sm btn-red" lay-event="DoSearch">btn-red</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-purple" lay-event="DoSearch">btn-purple</button>
    <button class="layui-btn  layui-btn-sm btn-ref" lay-event="DoSearch">btn-ref</button>
    <button class="layui-btn  layui-btn-sm btn-pre" lay-event="DoSearch">btn-pre</button>
    <button class="layui-btn  layui-btn-sm btn-close" lay-event="DoSearch">btn-close</button>
    <button class="layui-btn  layui-btn-sm btn-update" lay-event="DoSearch">btn-update</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-search" lay-event="DoSearch">btn-search</button>
    <button class="layui-btn  layui-btn-sm btn-search-adv" lay-event="DoSearch">btn-search-adv</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm color-danger" lay-event="DoSearch">color-danger</button>
    <button class="layui-btn  layui-btn-sm color-grey" lay-event="DoSearch">color-grey</button>
    <button class="layui-btn  layui-btn-sm color-info" lay-event="DoSearch">color-info</button>
    <button class="layui-btn  layui-btn-sm color-primary" lay-event="DoSearch">color-primary</button>
    <button class="layui-btn  layui-btn-sm color-warn" lay-event="DoSearch">color-warn</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm color-success" lay-event="DoSearch">color-success</button>
    <button class="layui-btn  layui-btn-sm color-inverse" lay-event="DoSearch">color-inverse</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-change-1" lay-event="DoSearch">btn-change-1</button>
    <button class="layui-btn  layui-btn-sm btn-change-2" lay-event="DoSearch">btn-change-2</button>
    <button class="layui-btn  layui-btn-sm btn-change-3" lay-event="DoSearch">btn-change-3</button>
    <button class="layui-btn  layui-btn-sm btn-change-4" lay-event="DoSearch">btn-change-4</button>
    <button class="layui-btn  layui-btn-sm btn-change-5" lay-event="DoSearch">btn-change-5</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-change-6" lay-event="DoSearch">btn-change-6</button>
    <button class="layui-btn  layui-btn-sm btn-change-7" lay-event="DoSearch">btn-change-7</button>
    <button class="layui-btn  layui-btn-sm btn-change-8" lay-event="DoSearch">btn-change-8</button>
    <button class="layui-btn  layui-btn-sm btn-change-9" lay-event="DoSearch">btn-change-9</button>
    <button class="layui-btn  layui-btn-sm btn-change-10" lay-event="DoSearch">btn-change-10</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-change-11" lay-event="DoSearch">btn-change-11</button>
    <button class="layui-btn  layui-btn-sm btn-change-12" lay-event="DoSearch">btn-change-12</button>
    <button class="layui-btn  layui-btn-sm btn-change-13" lay-event="DoSearch">btn-change-13</button>
    <button class="layui-btn  layui-btn-sm btn-change-14" lay-event="DoSearch">btn-change-14</button>
    <button class="layui-btn  layui-btn-sm btn-change-15" lay-event="DoSearch">btn-change-15</button>
    <br/><br/>
    <button class="layui-btn  layui-btn-sm btn-change-16" lay-event="DoSearch">btn-change-16</button>
    <button class="layui-btn  layui-btn-sm btn-change-17" lay-event="DoSearch">btn-change-17</button>
    <button class="layui-btn  layui-btn-sm btn-change-18" lay-event="DoSearch">btn-change-18</button>
    <button class="layui-btn  layui-btn-sm btn-change-19" lay-event="DoSearch">btn-change-19</button>
    <button class="layui-btn  layui-btn-sm btn-change-20" lay-event="DoSearch">btn-change-20</button>
    <button class="layui-btn  layui-btn-sm btn-change-21" lay-event="DoSearch">btn-change-21</button>

<pre class="layui-code" lay-title="测试" lay-height="" lay-skin="" lay-encode="true" about="false">
     <button class="layui-btn  layui-btn-sm layui-btn-warm" lay-event="DoSearch">layui-btn-warm</button>

</pre>

</div>